<template>
  <div class="force-close-dialog dialog">
    <basic-dialog
      :visible="show"
      minWidth="500px"
      isShowBasicFooter
      :isShowClose="false"
      title="强制关闭"
      :isFullScreen="false"
      @submit="submit"
      @close="onReset"
    >
    <q-card-section class="" style="min-height:100px">
            <q-input
              outlined
              v-model.trim="forceRemark"
              type="textarea"
              placeholder=""
              counter
              autogrow
              maxlength="200"
            >
              <template v-slot:before>
                <label class="text-right name full-height">
                  <span class="plan-title">备注:</span>
                </label>
              </template>
            </q-input>
          </q-card-section>
    </basic-dialog>
  </div>
</template>

<script>
// import _ from 'lodash'
export default {
  name: 'force-close-dialog',
  props: {
    show: {
      type: Boolean,
      default: true,
      required: true
    }
  },
  components: { },
  data () {
    return {
      forceRemark: ''
    }
  },
  computed: {
    // 显示标题
  },
  watch: {
  },
  mounted () {},
  methods: {
    // 提交表单
    submit () {
      this.$emit('setForceClose', this.forceRemark)
    },
    onReset () {
      this.forceRemark = ''
      this.$emit('close')
    }
  }
}
</script>

<style scoped lang="scss">
</style>
